/* 注释 */
// 这也是注释 但是不会再css文件中

/* 变量 */
@baseColor:#e92322;
a {
    color:@baseColor;
}

/* 混入:可以将一个定义好的样式引入到另外一个样式中 类似于函数 默认10px*/

.addRadius(@radius:10px) {
    border-radius: @radius;
    -webkit-border-radius:@radius;
    -moz-border-radius:@radius ;
}
.jd_header {
    width: 200px;
    height: 200px;
    .addRadius(20px);
    > div{
        &::before{
            content:"";
        }
        width: 100%;
        > a {
            text-decoration: underline;
            &:hover {
                text-decoration: none;
            }
        }
        > h3{
            height: 20px;
        }
        ul{
            list-style: none;
        }
    }
}
/* 嵌套：实现选择器的继承 可以减少代码量 代码结构清晰 */

